<template>
	<view class="pages-mine" v-if="mineInfo.id">
		
		<image class="top-bg" style="height: 100%; width: 100%;" src="../static/mine/mine_b_bg.png"></image>
		
		<view>
			
			<image class="bg-image" mode="aspectFill" src="../static/mine/mine_top_bg.jpg"></image>
			
			<MyNav title="" :showTitle="false" bgColor="" :backIcon="false"></MyNav>
			
			<view class="pd-lg" style="height: 252rpx;">
				<view  :class="[ { 'flex-warp': userInfo.user_nicename }, { 'flex-center': !userInfo.user_nicename } ]">
					
					<view  @tap.stop="toUserDetail" v-if="userInfo.svip == 2" class="avatar_view" style="background-color: #A644FF;">
						<image mode="aspectFill" class="avatar radius"
							:src="userInfo.avatar || `/static/mine/default_user.png`">
						</image>
					</view>
					<view  @tap.stop="toUserDetail" v-else-if="userInfo.svip == 1" class="avatar_view" style="background-color: #169AFF;">
						<image mode="aspectFill" class="avatar radius"
							:src="userInfo.avatar || `/static/mine/default_user.png`">
						</image>
					</view>
					<view  @tap.stop="toUserDetail" v-else-if="userInfo.svip2 == 1" class="avatar_view" style="background-color: #90ee90;">
						<image mode="aspectFill" class="avatar radius"
							:src="userInfo.avatar || `/static/mine/default_user.png`">
						</image>
					</view>
					
					<view  @tap.stop="toUserDetail" v-else class="avatar_view">
						<image mode="aspectFill" class="avatar radius"
							:src="userInfo.avatar || `/static/mine/default_user.png`">
						</image>
					</view>
			
					<block v-if="userInfo && !userInfo.id">
						<auth :needAuth="userInfo && (!userInfo.mobile || !userInfo.user_nicename)" :must="true"
							:type="!userInfo.phone ? 'phone' : 'userInfo'" class="flex-1">
							<view class="flex-1 f-md-title text-bold ml-md"
								:style="{color:configInfo[font_type[userPageType]]}">登录</view>
						</auth>
					</block>
					<view class="flex-1 ml-md rel" :style="{color:configInfo[font_type[userPageType]]}" v-else>
						<view class="flex-between">
							<view class="flex-y-center f-title">
								<view class="">
									<view @tap.stop="toUserDetail" class="mr-sm max-500 ellipsis text-bold">
										{{ userInfo.user_nicename || '用户昵称' }}
									</view>
									<view @tap.stop="toUserDetail" class="mr-sm max-500 ellipsis ">
										ID {{ userInfo.id }}
									</view>
									<view class="flex flex-center">
										<view class=" member-tag flex-center pl-sm pr-sm f-caption radius "><i
												class="iconfont icongerenxinxi mr-sm"></i>
										</view>
										<view class=" member-tag flex-center pl-sm pr-sm f-caption radius "><i
												class="iconfont iconqianbao mr-sm"></i>
										</view>
										<view class=" member-tag flex-center pl-sm pr-sm f-caption radius "><i
												class="iconfont iconhuiyuanka mr-sm"></i>
										</view>
									</view>
									<view class="mr-sm" @tap.stop="toJumpAddress()" style="display: flex;">
										<i class="iconfont icondizhiguanli mr-sm" :style="{color:primaryColor}" ></i>地址管理
									</view>
									
								</view>
							</view>
							<view class="flex-x-center flex-column">
								
								<!-- <view class="flex-between" > -->
								
									<button open-type="contact"  style="border-radius: 25px;background-color: #fff;color:#d4237a">
										<image src="../static/fu.png" style="width:30px;height:30px;"></image>
									
										</button>
								<!-- </view> -->
								
								<!-- <view class=" flex-center mt-md pl-md pr-md f-caption c-black " @tap.stop="toJumpjishi()"><i
										class="iconfont iconshenqingjishi mr-sm" :style="{color:primaryColor}"></i>申请服务
								</view> -->
								<!-- <view style="background-color: lightgray;padding:0px 12px;height:35px;color:#000;margin-top: 20px;width:120px;border-radius: 25px;" class=" flex-center mt-md pl-md pr-md f-caption c-black " @tap.stop="toJumpAddress()">
									<i class="iconfont icondizhiguanli mr-sm" :style="{color:primaryColor}" ></i>地址管理
								</view> -->
								
							</view>
							
							<view 
							@tap.stop="toApply(1)" 
							class=" flex-center mt-md pl-md pr-md f-caption c-black " 
							v-if="!audit_mode"
							><i
									class="iconfont iconshenqingjishi mr-sm" :style="{color:primaryColor}"></i>申请运营
							</view>
							
						</view>
						
						<!-- <view class="flex-between">
							<view class=" member-tag flex-center mt-sm pl-md pr-md f-caption radius "><i
									class="iconfont iconhuiyuanka mr-sm"></i>{{ mineInfo.coach_status === 2 ? mineInfo.coach_level.title || '服务' : '普通用户' }}
							</view>
							<view class="f-desc">
								<block v-if=" mineInfo.coach_status === 2 && mineInfo.service_time_long * 1 > 0 ">
									{{ `已服务${mineInfo.service_time_long}分钟` }}
								</block>
							</view>
						</view> -->
						<!-- <view @tap.stop="toChooseLocation" class="flex-x-center mt-md f-caption" style="height: 72rpx"
							v-if="mineInfo.coach_status == 2">
							<i class="iconfont iconjuli mr-sm"></i>
							<view class="flex-1 ellipsis-2">{{ coach_info.address }}</view>
						</view> -->
						<!-- <view class="mt-md" style="height: 72rpx" v-else></view> -->
					</view>
				
				</view>
				
			</view>
			
			<view class="flex-center pt-md pb-md mb-md" style="width: 100%;padding-top: 0px;">
				<view style="width: 100%;"  :width="100/3 + '%'" height="74rpx">
					<view class="flex flex-x-center">{{ userInfo.fans_num }}</view>
					<view class="flex-warp flex-x-center">粉丝</view>
				</view>
				<view class="fill-black" width="1rpx" height="74rpx">{{1}}</view>
				<view style="width: 100%;"  :width="100/3 + '%'" height="74rpx">
					<view class="flex flex-x-center">{{ userInfo.follow_num }}</view>
					<view class="flex-warp flex-x-center">关注</view>
				</view>
				<view class="fill-black" width="2rpx" height="74rpx">{{1}}</view>
				<view style="width: 100%;"  :width="100/3 + '%'" height="74rpx" @click="toJumpCollect()">
					<view class="flex flex-x-center">{{ userInfo.collect_num }}</view>
					<view class="flex-warp flex-x-center">收藏</view>
				</view>
			</view>
			
		</view>
		
		<!-- 用户 -->
		<!-- coach_status 1申请中，2已通过，3已取消授权，4已拒绝 -->
		<block v-if="userPageType == 1" class="flex-column c-pink2">
			<view class="flex-center pt-md pb-md f-caption c-caption radius-top-10 rel">
				<view @tap.stop="toJumpWallet" class="flex-center flex-column" style="width: 20%">
					<image src="/static/mine/11.png" class="icon-md"></image>
					<view class="f-paragraph c-black mt-sm">钱包</view>
				</view>
				<view  @tap.stop="toApply(1)" class="flex-center flex-column" style="width: 20%" v-if="!audit_mode">
					<image src="/static/mine/12.png" class="icon-md"></image>
					<view class="f-paragraph c-black mt-sm">联盟商</view>
				</view>
				<view   @tap.stop="toJumpShop" class="flex-center flex-column" style="width: 20%" v-if="!audit_mode">
					<image src="/static/mine/13.png" class="icon-md"></image>
					<view class="f-paragraph c-black mt-sm">商家</view>
				</view>
				<view @tap.stop="toDownload" class="flex-center flex-column" style="width: 20%" >
					<image src="/static/mine/14.png" class="icon-md"></image>
					<view class="f-paragraph c-black mt-sm">APP</view>
				</view>
				<view @tap.stop="toJumpOperator" class="flex-center flex-column" style="width: 20%" v-if="!audit_mode">
					<image src="/static/mine/15.png" class="icon-md"></image>
					<view class="f-paragraph c-black mt-sm">运营商</view>
				</view>
				<!-- <auth :needAuth="userInfo && (!userInfo.phone || !userInfo.user_nicename)" :must="true"
					:type="!userInfo.phone ? 'phone' : 'userInfo'" @go="$util.goUrl({ url: `/user/pages/coupon/list` })"
					style="width: 50%">
					<view class="flex-center flex-column f-caption c-caption">
						<view class="f-lg-title c-title">{{ mineInfo.coupon_count || 0 }}</view>
						<view>我的卡券</view>
					</view>
				</auth> -->
				<!-- <view  @tap.stop="toJumpGoods" class="flex-center flex-column" style="width: 20%;position: relative;left:0px;">
					<image src="/static/mine/cart.png" class="icon-md"></image>
					<view class="f-paragraph c-black mt-sm">查看</view>
				</view>-->
			</view> 
			
	<!-- 		<view class="flex-center pt-md pb-md f-caption c-caption radius-bottom-10 rel">
				<view  class="flex-center flex scan-bg" style="width:70%; height: 80rpx;border-radius: 25px;">
					<view @tap.stop="toJumpScan" class="flex-center flex-column" style="width: 25%">
						<view class="f-paragraph c-black mt-sm">扫码</view>
					</view>
					<view @tap.stop="toJumpScan" class="flex-center flex-column" style="width: 25%">
						<view class="f-paragraph c-black mt-sm"><image style="width:15px;height:15px;" src="../static/scancode.png"></image></view>
					</view>
					<view @tap.stop="toJumpSignin" class="flex-center flex-column" style="width: 25%">
						<view class="f-paragraph c-black mt-sm">签到</view>
					</view>
					<view @tap.stop="$util.goUrl({url:`/user/pages/setting`})" class="flex-center flex-column"  style="width: 25%">
						<view class="f-paragraph c-black mt-sm">设置</view>
					</view>
				</view>
			</view> -->
	
		
		</block>

		<view @tap.stop="toHelp" class="fix help-img-info f-caption c-base"
			:style="{bottom:`${configInfo.tabbarHeight + 15}px`}" v-if="mineInfo.coach_status == 2">
			<view class="bg-img radius abs" :style="{background:primaryColor}">
			</view>
			<view class="help-info flex-center abs">
				<view class="help-img radius flex-center flex-column" :style="{background:primaryColor}">
					<i class="iconfont iconjingbao"></i>
					<view class="f-icontext">一键求救</view>
				</view>
			</view>
		</view>
		<view style="">
		<view style="background-color: #fff;color:#8a8a8a;display: flex;padding:10rpx 30rpx;justify-content: space-between; ">
			<view @click="toorderlist(1)" style="margin: 20rpx;">
				<image src="../static/order1.png" style="width:60rpx;height:60rpx;margin-left: 13rpx;"></image>
				<text >待付款</text>
			</view>
		<view @click="toorderlist(2)" style="margin: 20rpx;">
			<image src="../static/order2.png" style="width:60rpx;height:60rpx;margin-left: 13rpx;"></image>
			<text >待发货</text>
		</view>
		<view @click="toorderlist(3)" style="margin: 20rpx;">
			<image src="../static/order3.png" style="width:60rpx;height:60rpx;margin-left: 13rpx;"></image>
			<text >待收货</text>
		</view>
		<view  @click="toorderlist(5)" style="margin: 20rpx;">
			<image src="../static/order4.png" style="width:60rpx;height:60rpx;"></image>
			<text >评价</text>
		</view>
		<view  @click="toorderlist(4)" style="margin: 20rpx;">
			<image src="../static/order5.png" style="width:60rpx;height:60rpx;margin-left: 13rpx;"></image>
			<text >已完成</text>
		</view>
		</view>
		<view style="background-color: #fff;margin-top:10rpx;display: flex;padding:10rpx 25rpx;justify-content: space-between; ">
			<view @click="gocollect()" style="margin: 15rpx;">
				<image src="../static/collect.png" style="width:60rpx;height:60rpx;margin-left: 25%;"></image>
				<text >商品收藏</text>
			</view>
		<view @click="gofollowshop()" style="margin: 15rpx;">
			<image src="../static/guanzhu.png" style="width:60rpx;height:60rpx;margin-left: 25%;"></image>
			<text >店铺关注</text>
		</view>
		<view @click="toorderlist(6)" style="margin: 15rpx;">
			<image src="../static/shouhou.png" style="width:60rpx;height:60rpx;margin-left: 25%;"></image>
			<text >退款售后</text>
		</view>
		<view   @tap.stop="toJumpScan" style="margin: 15rpx;">
			<image src="../static/doudou.png" style="width:60rpx;height:60rpx;margin-left: 25%;"></image>
			<text >幸福豆豆</text>
		</view>
		<view  @tap.stop="toJumpSignin" style="margin: 15rpx;">
			<image src="../static/qiandao2.png" style="width:60rpx;height:60rpx;margin-left: 25%;"></image>
			<text style="margin-top: 60rpx;">每日签到</text>
		</view>
		</view>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:3rpx;">
			<view @click="gogoodsdetail(item.id)" v-for="(item,index) in list.data" class="goodsbox">
				<image :src="item.thumb"  style="width:100%;border-radius:15rpx ;object-fit: cover;height:350rpx;"></image>
				<text class="ellipsis" style="font-weight: bold;font-size: 35rpx;margin-left: 20rpx;">{{item.name}}</text>
				<view>	<text style="color:red;width: 100%;margin-left: 20rpx;">￥ {{item.present_price}}</text></view>
				<view>
				<text style="color:lightgrey;margin-left: 20rpx;"> 已售{{item.sale_nums}}件</text>
				</view>
			</view>
			</view>
		</view>
		<abnor v-if="!loading && list.data.length <= 0 && list.current_page == 1"></abnor>

		<view :class="[{'space-max-footer':mineInfo.coach_status == 2},{'space-footer':mineInfo.coach_status != 2}]">
		</view>

		<view :style="{height: `${configInfo.tabbarHeight}px`}"></view>
		
		<tabbar :cur="4"></tabbar>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from "vuex"
	import tabbar from "@/components/tabbar.vue"
	import MyNav from "@/components/my-nav.vue"
	export default {
		components: {
			tabbar,
			MyNav
		},
		data() {
			return {
				audit_mode:true,
				trStyle:uni.getMenuButtonBoundingClientRect(),
				background :'transparent',
				bottomEx:10,
				typeList: ['门店',  '乐购'],
				isLoad: false,
				tabList: [
					{
						title: '热度',
						sort: 'top desc',
						sign: 0,
						is_sign: 1,
					}, {
						title: '价格',
						sort: 'price',
						sign: 0,
						is_sign: 1,
					}, {
						title: '销量',
						sort: 'total_sale',
						sign: 0,
						is_sign: 1,
					}, {
						title: '好评',
						sort: 'star',
						sign: 0,
						is_sign: 1,
					},
				],
				options: {},
				loading: true,
				lockTap: false,
				typeChangeindex: 1,
				coinChangeindex: 0,
				svip: 0, // 0-免费会员  1-19-120-29990的礼物 - 蓝色  2-20-121-99990的礼物 - 紫色
				svip2: 0, // svip2-1 18-122-4990的礼物 - 绿色
				coins: [
					{
						title: "会员",
						number: "199",
					},
					{
						title: "VIP",
						number: "2999",
					},
					{
						title: "贵宾",
						number: "9999",
					},
				],
				// 我的订单
				orderList: [
					{
						icon: 'icondaizhifu',
						text: '待支付',
						url: '/pages/order?tab=1'
					}, {
						icon: 'icondaifuwu',
						text: '待服务',
						url: '/pages/order?tab=2'
					}, {
						icon: 'iconanmo2',
						text: '服务中',
						url: '/pages/order?tab=3'
					}, {
						icon: 'icondaipingjia',
						text: '待评价',
						url: '/pages/order?tab=4'
					}, {
						icon: 'icontuikuan',
						text: '退款/售后',
						url: '/user/pages/refund/list'
					}],
					orderList2: [{
						icon: 'icondaijiedan',
						text: '待接单',
						url: '/technician/pages/order/list'
					}, {
						icon: 'iconyijiedan',
						text: '待服务',
						url: '/technician/pages/order/list?tab=1'
					}, {
						icon: 'iconfuwuzhong',
						text: '服务中',
						url: '/technician/pages/order/list?tab=2'
					}],
					// 分享赚钱
					distributionList: [{
						icon: 'iconwodeshouyi',
						text: '我的收益',
						url: '/user/pages/distribution/income'
					}, {
						icon: 'icontuiguanghaibao',
						text: '推广海报',
						url: '/user/pages/distribution/poster'
					}, {
						icon: 'iconwodetuandui1',
						text: '我的粉丝',
						url: '/user/pages/distribution/team'
					}, {
						icon: 'iconbangdingjishi',
						text: '绑定服务',
						url: '/user/pages/distribution/bind-technician'
					}],
					distributionApplyList: [{
						icon: 'iconwodeshouyi',
						text: '申请分销商',
						url: '/user/pages/distribution/apply'
					}, {
						icon: 'iconbangdingjishi',
						text: '绑定服务',
						url: '/user/pages/distribution/bind-technician'
					}],
					toolList: [{
						icon: 'iconshoucangjishi',
						text: '收藏服务',
						url: '/user/pages/collect',
					}, {
						icon: 'icondizhiguanli',
						text: '地址管理',
						url: '/user/pages/address/list'
					}, {
						icon: 'iconlianxikefu',
						text: '联系客服',
						url: ''
					}],
					toolList2: [{
						icon: 'iconshenqingjishi',
						text: '编辑资料',
						url: '/technician/pages/apply?is_edit=1'
					}, {
						icon: 'iconshijianguanli',
						text: '时间管理',
						url: '/technician/pages/time-manage'
					}, {
						icon: 'iconqiehuanjishiduan',
						text: '切换用户端',
						url: 'change'
					},
				],
				image_type: {
					1: 'user_image',
					2: 'coach_image'
				},
				font_type: {
					1: 'user_font_color',
					2: 'coach_font_color'
				},
				coach_info: {},
				showAuth: false,
				offsetL: 360,
				offsetT: 0,
				//总高度
				height: 0,
				is_open:0,
				//胶囊位置信息
				menuButtonRect: {},
				//状态栏的高度
				statusBarHeight: 0 ,
				//导航栏的高度
				navBarHeight: 0
			}
		},

		computed: mapState({
			primaryColor: state => state.config.configInfo.primaryColor,
			subColor: state => state.config.configInfo.subColor,
			configInfo: state => state.config.configInfo,
			commonOptions: state => state.user.commonOptions,
			userInfo: state => state.user.userInfo,
			userPageType: state => state.user.userPageType,
			mineInfo: state => state.user.mineInfo,
			pageActive: state => state.user.pageActive,
			activeIndex: state => state.user.activeIndex,
			param: state => state.user.param,
			list: state => state.user.list,
		}),
		async onShow() {
			this.initIndex()
		},
		async onLoad(options) {
			
			let {status:status} = await this.$api.base.getAuditMode({id:1});
			this.audit_mode = status
			
			this.options = options
			let {
				type = 0
			} = options
			if (type) {
				this.updateUserItem({
					key: 'userPageType',
					val: type
				})
			}
				await this.getrecommend(1)
			this.$util.showLoading()
			options = await this.updateCommonOptions(options)
			this.options = options

			this.initIndex()
			this.updateServiceItem({
				key: 'pageActive',
				val: true
			})
		},
		onPullDownRefresh() {
			this.initRefresh();
			uni.stopPullDownRefresh()
		},
		onReachBottom() {
			if (this.list.current_page >= this.list.last_page || this.loading) return;
			this.loading = true;
			this.getList(this.param.page + 1);
		},
		methods: {
			...mapActions(['getConfigInfo', 'getMineInfo', 'getAuthUserProfile', 'updateCommonOptions', 'toPlayAudio', 'getUserInfo', 
			'getServiceList', 'getMycollectuser', 'getTeacherList','mylikeTeacher','mylikeCoach', 'getShopList','myLikeshop', 'getFreeList','myLikegoods']),
			...mapMutations(['updateUserItem', 'updateServiceItem']),
			getHeight(){
			  if (wx.canIUse('getMenuButtonBoundingClientRect')) {
			    let sysInfo = wx.getSystemInfoSync(); //状态栏的高度
			    this.statusBarHeight = sysInfo.statusBarHeight;
			    // 胶囊位置信息
			    let rect = wx.getMenuButtonBoundingClientRect();
			    this.menuButtonRect = JSON.parse(JSON.stringify(rect));
			    // 导航栏高度
			    let navBarHeight = (rect.top-sysInfo.statusBarHeight)*2+rect.height;
			    this.navBarHeight = navBarHeight;
			    // 自定义导航栏的高度
			    this.height = sysInfo.statusBarHeight + navBarHeight;
			  } else {
			    wx.showToast({
			      title: '您的微信版本过低，界面可能会显示不正常',
			      icon: 'none',
			      duration: 4000
			    });
			  }
			},
			async initIndex(refresh = false) {     
				this.getHeight();

				if (!this.configInfo.id || refresh) {
					await this.getConfigInfo()
				}
				await this.getMineInfo()
				await this.getUserInfo()
				this.$util.setNavigationBarColor({
					bg: this.primaryColor
				})
				
				this.coinChangeindex = this.userInfo.svip == 2 ? 2 : 
				this.userInfo.svip == 1 ? 1 : this.userInfo.svip2 == 1 ? 0 : -1

				let {
					fx_check
				} = this.configInfo
				let {
					coach_status,
					fx_status
				} = this.mineInfo

				let val = this.$util.deepCopy(this.mineInfo)
				val.is_fx = !fx_check || (fx_check && fx_status == 2)
				this.updateUserItem({
					key: 'mineInfo',
					val
				})
				// console.log('============main.vue updateUserItem', val)
				this.updateUserItem({
					key: 'userPageType',
					val: coach_status == 2 || coach_status == 3 ? this.userPageType : 1
				})

				if (coach_status == 2 || coach_status == 3) {
					await this.getCoachInfo()
				}
				this.$util.hideAll()
				console.error('平台信息', this.configInfo)
				// console.error('个人信息', this.mineInfo)

				// await this.getList(1)
				
				this.isLoad = true
				this.$util.setNavigationBarColor({
					bg: this.primaryColor
				})
			},
			initRefresh() {
				this.initIndex(true)
			},
			gofollowshop()
			{
				this.$util.goUrl({
					url:'/service/pages/user-list-other?id=3&index=7'
				})
				
			},
			gocollect()
			{
				this.$util.goUrl({
					url: '/pages/collect'
				})
			},
			async getCoachInfo() {
				this.coach_info = await this.$api.technician.coachInfo()
			},
			// 更新用户信息
			async authUserProfile(e) {
				debugger
				// #ifdef APP-PLUS
				uni.getUserInfo({
					provider: 'weixin',
					success: res => {
						let {
							userInfo = {}
						} = res
						this.toUpdateUserInfo(userInfo)
					}
				})
				// #endif
			},
			async toUpdateUserInfo(userInfo = {}) {
				let {
					pMust
				} = this
				if (userInfo.user_nicename) {
					this.$util.showLoading({
						title: '更新中'
					})
					let {
						coupon_atv_id = 0
					} = this.commonOptions
					userInfo.coupon_atv_id = coupon_atv_id
					// debugger
					await this.getAuthUserProfile(userInfo)
					setTimeout(() => {
						this.$util.hideAll()
					}, 1000)
				}
			},
			async getrecommend(num)
			{
				let recdata = await this.$api.service.getrecommend({
					num
				})
				this.list = recdata
			},
			// 选择地区
			async toChooseLocation(e) {
				await this.$util.checkAuth({
					type: 'userLocation'
				})
				let [, {
					address = '',
					longitude,
					latitude
				}] = await uni.chooseLocation();
				if (!address) return
				await this.$api.technician.coachUpdate({
					address,
					lng: longitude,
					lat: latitude
				})
				this.coach_info.address = address
				this.$util.showToast({
					title: `更新成功`
				})
			},
			// 跳转页面 
			toJumpAll(key) {
				let url = {
					1: `/pages/order`,
					2: `/user/pages/order-list`,
					// 2: `/technician/pages/order/list`
				}
				let openType = {
					1: `reLaunch`,
					2: `navigateTo`
				}
				this.$util.goUrl({
					url: url[key],
					openType: openType[key]
				})
			},
			toDownload()
			{
				this.$util.goUrl({
					url: '/service/pages/download'
				})
			},
			toorderlist(type)
			{
				this.$util.goUrl({
					url: '/user/pages/order-list?tab='+type
				})
			},
			gogoodsdetail(gid){
				this.$util.goUrl({
					url: '/user/pages/shop/goods-detail-pay?id='+gid
				})
			},
			toJump(key, index) {
				let {
					url,
					text
				} = this[key][index]
				
				if (['申请服务', '申请分销商', '申请渠道商'].includes(text)) {
					this.toApply(text == '申请服务' ? 1 : text == '申请分销商' ? 2 : 3)
					return
				}
				if (text == '切换用户端') {
					this.toChange()
					return
				}
				if (text == '联系客服') {
					let {
						mobile: url,
						im_type
					} = this.configInfo
					// #ifdef MP-WEIXIN
					if (im_type == 2) return
					// #endif
					this.$util.goUrl({
						url,
						openType: 'call'
					})
					return
				}
				let openType = key == 'orderList' && index !== 4 ? `reLaunch` : 'navigateTo'
				this.$util.log(url)
				this.$util.goUrl({
					url,
					openType
				})
			},
			async toAtv() {
				if (!this.mineInfo.is_atv) {
					this.$util.showToast({
						title: `暂无活动`
					})
					return
				}
				let options = this.commonOptions
				options.coupon_atv_id = 0
				await this.updateCommonOptions(options)
				this.$util.goUrl({
					url: `/user/pages/coupon/share`
				})
			},
			// 申请服务/分销商/渠道商
			async toApply(type) {
				let {
					coach_status = -1,
						fx_status = -1,
						channel_status = -1
				} = this.mineInfo
				let status = type == 1 ? coach_status : type == 2 ? fx_status :
					channel_status
				let page = {
					1: `/technician/pages/apply`,
					2: `/user/pages/distribution/apply`,
					3: `/user/pages/channel/apply`
				}
				// -1未申请，1审核中，2审核通过，3取消授权，4审核失败
				// let url = status == -1 ? page[type] :
				// 	`/user/pages/apply-result?type=${type}`
				// this.$util.log(url)
				let url = page[type]
				this.$util.goUrl({
					url
				})
			},
			// 切换用户/服务端
			async toChange() {
				let {
					userPageType = 1
				} = this
				if (userPageType == 2) {
					await this.getCoachInfo()
				}
				this.updateUserItem({
					key: 'userPageType',
					val: userPageType == 2 ? 1 : 2
				})
			},
			onChange(e) {
				let {
					x,
					y
				} = e.detail
				this.$nextTick(() => {
					this.offsetL = x
					this.offsetT = y
				})
			},
			// 求助
			async toHelp() {
				await this.$api.technician.police()
				this.$util.showToast({
					title: `求救成功`
				})
			},
			toUserDetail() {
				console.log(this.userInfo)
				this.$util.goUrl({
					url: '/user/pages/user-edit?from=mine&id=' + this.userInfo.id+'&mobile='+this.userInfo.mobile+'&avatar='+this.userInfo.avatar+'&nickname='+this.userInfo.nickName
				})
			},
			toJumpKeFu() {
				this.$util.goUrl({
					url: this.configInfo.mobile,
					openType: 'call'
				})
			},
			async toJumpjishi() {
				if(this.userInfo.is_ensure == 0)
				{
					
					uni.showModal({  
					  title: '认证服务商', // 对话框的标题  
					  content: '认证服务商需要消费198元，平台将为你保障合法权益', // 对话框的内容  
					  success: function (res) {  
					    if (res.confirm) {  
					      this.tobondpay()
					    } else if (res.cancel) {  
					      console.log('用户点击取消');  
					      // 在这里执行取消按钮后的操作  
					    }  
					  }  
					});
					return
				}
				this.$util.goUrl({
					url: '/technician/pages/apply'
				})
			},
			async tobondpay()
			{
				let {
					pay_list
				} = await this.$api.technician.teacherOrder()
				this.$util.hideAll()
				if (pay_list) {
					try {
						await this.$util.pay(pay_list)
						uni.showToast({
							title:'保证金缴纳完成',
							icon:'success' 
						})
						return;
					} catch (e) {
						this.lockTap = false;
						return;
					}
				} 
			},
			toJumpAddress() {
				this.$util.goUrl({
					url: '/user/pages/address/list'
				})
			},
			toJumpFans() {
				this.$util.goUrl({
					url: '/user/pages/distribution/team'
				})
			},
			toJumpFollow() {
				this.$util.goUrl({
					url: '/user/pages/distribution/team'
				})
			},
			toJumpCollect() {
				this.$util.goUrl({
					url: '/user/pages/collect'
				})
				
			},
			toJumpWallet() { // 钱包
				this.$util.goUrl({
					 url: '/user/pages/wallet/wallet',
				})
			},
			toJumpStore() { // 联盟店
				this.$util.goUrl({
					url: "/service/pages/user-list-other?index=7",
					//url: '/user/pages/channel/apply'
				})
			},
			
			toJumpGoods()
			{
				this.$util.goUrl({
					url: "/user/pages/setting",
				})
			},
			toJumpShop() { // 商家
				// 0是 审核中，1是通过，2是审核拒接，3是没有店铺
				// if(this.userInfo.shop_status == 1){
					this.$util.goUrl({
						url: '/user/pages/shop/shop',
					})
				// } else if(this.userInfo.shop_status == 3){
				// 	this.$util.goUrl({
				// 		url: `/user/pages/shop/edit-goods?type=${0}`,
				// 	})
				// } else {
				// 	this.$util.goUrl({
				// 		url: `/user/pages/shop/edit-goods?type=${1}`,
				// 	})
				// }
			},
			async toJumpOperator() { // 运营商
				let url = 'https://app.bbi-love.com/Appapi/Agent/index&uid=' + this.userInfo.id
				this.$util.goUrl({
					url: '/user/pages/wallet/web-view?url=' + url
				})
			},
			toJumpCoupon() { // 优惠券
				this.$util.goUrl({
					url: '/user/pages/coupon/list'
				})
			},
			toJumpScan() { // 扫码
				this.$util.goUrl({
					url: '/user/pages/code-scanning'
				})
			},
			toJumpSignin() { // 签到
				this.$util.goUrl({
					url: '/user/pages/signin',
				})
			},
		
			async getList(page = 0) {
				if (page) {
					let param = this.$util.deepCopy(this.param)
					param.page = page
					this.updateServiceItem({
						key: 'param',
						val: param
					})
				}
				let {
					list: oldList,
					param,
					tabList,
					activeIndex
				} = this
				let {
					sort,
					sign
				} = tabList[activeIndex]
				let desc = activeIndex == 0 || sign == 1 ? '' : 'desc'
				param.sort = `${sort} ${desc}`
				param.mine = 1
				if(this.typeChangeindex == 0){
					param.lat = this.userInfo.lat
					param.lng = this.userInfo.lng
					await this.myLikeshop(param)
				} else if(this.typeChangeindex == 1){
					// 1爱我，2我爱
					param.type = 2
					await this.getMycollectuser(param)
				} else if(this.typeChangeindex == 1){
					// 3老师
					param.type = 3
					await this.mylikeTeacher(param)
				} else if(this.typeChangeindex == 2){
					await this.getServiceList(param)
				} else if(this.typeChangeindex == 1){
					await this.myLikegoods(param)
				}
			
				this.loading = false
				this.$util.hideAll()
				console.error(this.list.data)
				this.startMessageTimer()
			},
			startMessageTimer() {
				clearInterval(this.interval); 
				let divData = this.$refs.scroll;
				this.interval = setInterval(() => {
				this.scrollTop += 2;
			  }, 100);
			},
			handerCoinChange(index) {
				// this.coinChangeindex = index
			},
			handerTypeChange(index) {
				this.typeChangeindex = index
				console.error(this.tabList)
			},
			handerTabChange(index) {
				console.error('handerTabChange', index)
				this.updateServiceItem({
					key: 'activeIndex',
					val: index
				})
				let tabList = this.$util.deepCopy(this.tabList)
				let {
					is_sign,
					sign,
				} = tabList[index];
				if (is_sign) {
					tabList[index].sign = sign == 0 ? 1 : 0;
				}
				this.updateServiceItem({
					key: 'tabList',
					val: tabList
				})
				this.$util.showLoading()
				uni.pageScrollTo({
					scrollTop: 0
				})
				this.getList(1)
			},
			// 详情
			goDetail(index) {
				let {
					id
				} = this.list.data[index]
				let url = `/user/pages/detail?id=${id}`
				this.$util.goUrl({
					url
				})
			},
			// 用户详情
			goUserDetail(id) {
				debugger
				let url = `/user/pages/user-detail?id=${id}`
				this.$util.goUrl({
					url
				})
			},
			handerTypeChange(index) {
				this.typeChangeindex = index
				if(this.typeChangeindex == 0 || this.typeChangeindex == 3 || this.typeChangeindex == 4){
					this.setTabList(0)
				} else {
					this.setTabList(1)
				}
				this.getList(1)
			},
			setTabList(type){
				if(type == 0){
					this.tabList = [
						{
							title: '热度',
							sort: 'top desc',
							sign: 0,
							is_sign: 1,
						}, {
							title: '价格',
							sort: 'price',
							sign: 0,
							is_sign: 1,
						}, {
							title: '销量',
							sort: 'total_sale',
							sign: 0,
							is_sign: 1,
						}, {
							title: '好评',
							sort: 'star',
							sign: 0,
							is_sign: 1,
						},
					]
				} else {
					this.tabList = [
						{
							title: '热度',
							sort: 'top desc',
							sign: 0,
							is_sign: 1,
						}, {
							title: '好评',
							sort: 'star',
							sign: 0,
							is_sign: 1,
						},
					]
				}
			},
			// 店铺购买详情
			goShopDetailPay(id) {
				let url = `/user/pages/shop/shop-detail-pay?id=${id}`
				this.$util.goUrl({
					url
				})
			},
			//导航--传终点的坐标即可
			toNavigation(item) {
				//根据终点地址调起地图导航
				uni.openLocation({
					longitude: parseFloat(item.lng),// 经度，范围为-180~180，负数表示西经
					latitude: parseFloat(item.lat),// 纬度，范围为-90~90，负数表示南纬
					scale: 28, // 缩放比例
					name:item.name,//终点名称
					address:item.address,//终点详细地址
					success: function (res) {
						console.log('success:',res);
					}
				});
			},

		}
	}
</script>

<style lang="scss">
	.f_r_sb_c {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.pages-mine {
		.mine-bg {
			width: 100%;
			height: 368rpx;
			z-index: 0;
		}

		.mine-master-bg {
			width: 100%;
			height: 514rpx;
			z-index: -1;
		}
		
		.top-bg{
		    position: fixed;
		    width: 100%;
		    top: 0;
		    left: 0;
		    z-index: -1;
		}
		
		.bg-image {
		    position: absolute;
		    width: 100%;
		    height: 500rpx;
		    z-index: -1;
		}

		.avatar_view {
			width: 120rpx;
			height: 120rpx;
			border-radius: 60rpx;
			// justify-content 让子元素水平居中;
			  justify-content: center;
			  // align-items 让子元素垂直居中;
			  align-items: center;

			.avatar {
				width: 90%;
				height: 90%;
				overflow: hidden;
				margin: 0 auto;
				margin-left: 5%;
				margin-top: 5%;
			}
		}

		.member-tag {
			min-width: 68rpx;
			height: 42rpx;
			background: rgba(255, 255, 255, 0.5);

			.iconfont {
				font-size: 28rpx;
			}
		}

		.icon-shuaxin,
		.icon-xitong {
			font-size: 40rpx;
		}

		.share-img {
			width: 86rpx;
			height: 86rpx;
		}

		.mine-count-list {
			.cancel-auth {
				width: 110rpx;
				height: 100rpx;
				font-size: 100rpx;
				top: 100rpx;
				left: 150rpx;

				.text-bold {
					height: 26rpx;
					transform: rotate(-32deg);
				}
			}

			.cash-btn {
				width: 138rpx;
				height: 52rpx;
				transform: rotateZ(360deg);
			}

			.icon-right {
				font-size: 28rpx;
			}
		}

		.share-list {
			.coupon-img {
				width: 97rpx;
				height: 87rpx;
			}

			.item-icon {
				width: 70rpx;
				height: 70rpx;

				.iconfont {
					font-size: 38rpx;
				}

				.item-icon {
					top: 0;
					left: 0;
					opacity: 0.1;
				}
			}
		}

		.mine-menu-list {
			margin: 20rpx 30rpx 0 30rpx;

			.menu-title {
				height: 90rpx;

				.iconfont {
					font-size: 24rpx;
				}
			}

			.item-child {
				width: 20%;
				margin: 10rpx 0;

				.iconfont {
					font-size: 52rpx;
				}

				.item-img {
					width: 88rpx;
					height: 88rpx;

					.iconfont {
						font-size: 44rpx;
					}

					.item-img {
						top: 0;
						left: 0;
						opacity: 0.1;
					}
				}

			}
		}

		.mine-tool-list {
			margin: 20rpx 30rpx 0 30rpx;
			box-shadow: 0px 3px 6px 0px rgba(227, 227, 227, 0.47);

			.list-item {
				.iconfont {
					font-size: 42rpx;
				}

				.icon-right {
					font-size: 28rpx;
				}

				.icon-switch {
					font-size: 70rpx;
					line-height: 48rpx;
				}
			}

			.list-item.b-1px-t:before {
				left: 60rpx;
			}
		}

		.help-img-info {
			width: 130rpx;
			height: 130rpx;
			right: 30rpx;
			
			.bg-img {
				width: 130rpx;
				height: 130rpx;
				opacity: 0.4;
				top: 0;
				left: 0;
			}

			.help-info {
				width: 130rpx;
				height: 130rpx;
				opacity: 1;
				top: 0;
				left: 0;

				.help-img {
					width: 118rpx;
					height: 118rpx;

					.iconfont {
						font-size: 44rpx;
						margin-bottom: 4rpx;
					}
				}
			}

		}
		
		.user-view {
			display: flex;
			height: 100%;
			flex-direction: column;
			.total-box {
				width: 100%;
				height: 84rpx;
				.box-btn {
					margin: 0;
					padding: 0;
					margin-right: 2rpx;
					height: 72rpx;
					display: flex;
					align-items: center;
					background-image: url("/static/mine/vip1.png");
					background-size: 237rpx;/*设置图片大小*/
					// background-color: #b08db7;
					// border-radius: 42rpx;
					// line-height: 1.5;
					// border-color: #000;
					// border-width: 2rpx;
					text-align: left;
					color: #333;
				}
				.box-btn2 {
					margin: 0;
					padding: 0;
					margin-right: 2rpx;
					height: 72rpx;
					display: flex;
					align-items: center;
					background-image: url("/static/mine/vip2.png");
					background-size: 237rpx;/*设置图片大小*/
					// background-color: #b08db7;
					// border-radius: 42rpx;
					// line-height: 1.5;
					// border-color: #000;
					// border-width: 2rpx;
					text-align: left;
					color: #333;
				}
			}
			.data-box {
				width: 100%;
				height: 84rpx;
				background-position: center;
				background-size:cover;
				background-repeat: no-repeat;
				background-image: url("/static/main/tab_bg.png");
				.data-box-btn {
					margin: 0;
					padding: 0;
					height: 64rpx;
					display: flex;
					align-items: center;
					border-radius: 25px;
					background-position: center;
					background-size:cover;
					background-repeat: no-repeat;
					background-image: url("/static/main/btn_bg.png");
					
					// background-color: #facca1;
					// border-radius: 42rpx;
					// line-height: 1.5;
					// border-color: #000;
					// border-width: 2rpx;
					text-align: left;
					color: #333;
				}
			}
			.search-box {
				width: 710rpx;
				z-index: 9;
				margin-top: 88rpx;
				overflow: hidden;
			}
			
			.list-view {
				margin-top: 170rpx;
			}
			
			.list-item {
				background-color: #ffffff;
				.cover {
					width: 180rpx;
					height: 180rpx;
				}
				
				.text {
					width: 75rpx;
					height: 75rpx;
				}
				
				.image-bg {
					width: 55rpx;
					height: 55rpx;
					font-weight: 600;
					padding-top: 0rpx;
					text-align: center;
					background-position: center;
					background-size:cover;
					background-repeat: no-repeat;
					background-image: url("/static/common/avoid.png");
				}
			
				.time-long {
					min-width: 72rpx;
					height: 30rpx;
					padding: 0 5rpx;
					background: linear-gradient(270deg, #4C545A 0%, #282B34 100%);
					border-radius: 4rpx;
					font-size: 20rpx;
					color: #FFEEB9;
					margin-right: 16rpx;
				}
			
				.f-icontext {
					font-size: 18rpx;
				}
			
				.text-delete {
					font-size: 20rpx;
					color: #B9B9B9;
				}
			
				.item-btn {
					width: 130rpx;
					height: 52rpx;
					border-radius: 8rpx;
				}
			}
			
			.list-item2 {
				float: left;
				box-sizing: border-box;
				width: 45%;
				height: 400rpx;
				padding: 10px 6px;
				
				background-position: center;
				background-size:cover;
				background-repeat: no-repeat;
				
				.member-tag {
					width: 168rpx;
					height: 46rpx;
					background: #0e0f0f;
				
					.iconfont {
						font-size: 28rpx;
					}
				}
				
				.log-tag {
					width: 168rpx;
					height: 46rpx;
					background: #fff;
				
				}
				
				.cover {
					width: 180rpx;
					height: 180rpx;
				}
				
				.text {
					width: 75rpx;
					height: 75rpx;
				}
				
				.image-bg {
					width: 55rpx;
					height: 55rpx;
					font-weight: 600;
					padding-top: 0rpx;
					text-align: center;
					background-position: center;
					background-size:cover;
					background-repeat: no-repeat;
					background-image: url("/static/common/avoid.png");
				}
			
				.time-long {
					min-width: 72rpx;
					height: 30rpx;
					padding: 0 5rpx;
					background: linear-gradient(270deg, #4C545A 0%, #282B34 100%);
					border-radius: 4rpx;
					font-size: 20rpx;
					color: #FFEEB9;
					margin-right: 16rpx;
				}
			
				.f-icontext {
					font-size: 18rpx;
				}
			
				.text-delete {
					font-size: 20rpx;
					color: #B9B9B9;
				}
			
				.item-btn {
					width: 130rpx;
					height: 52rpx;
					border-radius: 8rpx;
				}
			}
			
			.list-item3 {
				.top-tag {
					width: 40rpx;
					height: 30rpx;
					color: #B75E1D;
					background: linear-gradient(90deg, #DFB885 0%, #FCE0AD 100%);
					border-radius: 8rpx 0 8rpx 0;
					top: 0;
					left: 0;
				}
			
				.item-img {
					width: 124rpx;
					height: 124rpx;
				}
			
				.image-bg {
					width: 55rpx;
					height: 55rpx;
					font-weight: 600;
					padding-top: 0rpx;
					text-align: center;
					background-position: center;
					background-size:cover;
					background-repeat: no-repeat;
					background-image: url("/static/common/avoid.png");
				}
			
				.top-img {
					width: 146rpx;
					height: 140rpx;
					top: -7rpx;
					left: -11rpx;
				}
			
				.hot-img {
					width: 75rpx;
					height: 51rpx;
					top: 77rpx;
					left: 25rpx;
				}
			
				.new-img {
					width: 38rpx;
					height: 52rpx;
					top: 83rpx;
					left: 78rpx;
				}
			
				.item-tag {
					width: 100rpx;
					height: 32rpx;
					color: #000;
					background: rgba(216, 216, 216, 0.3);
					margin-top: 19rpx;
					margin-bottom: 6rpx;
				}
			
				.item-tag.can-service {
					color: #EBDDB1;
					background: linear-gradient(270deg, #4C545A 0%, #282B34 100%);
				}
			
				.more-img {
					width: 104rpx;
					height: 33rpx;
					border-radius: 3px;
					transform: rotateZ(360deg);
				}
			
				.can-service-btn {
					width: 64rpx;
					height: 28rpx;
					margin-left: 8rpx;
			
					.bg {
						width: 64rpx;
						height: 28rpx;
						opacity: 0.1;
						border-radius: 3rpx;
						top: 0;
						left: 0;
						z-index: 1;
					}
			
					.text {
						width: 64rpx;
						height: 28rpx;
						top: 0;
						left: 0;
						z-index: 2
					}
				}
			
				.iconyduixingxingshixin {
					font-size: 28rpx;
					background-image: -webkit-linear-gradient(270deg, #FAD961 0%, #F76B1C 100%);
				}
			
				.star-text {
					color: #FF9519;
					margin-left: 6rpx;
				}
			
				.order-num {
					color: #4D4D4D;
					margin-left: 16rpx;
				}
			
				.item-btn {
					width: 130rpx;
					height: 52rpx;
					border-radius: 8rpx;
				}
			}
			
			.list-item5 {
				float: left;
				box-sizing: border-box;
				width: 45%;
				height: 500rpx;
				margin-bottom: 10rpx;
				
				.log-tag {
					width: 168rpx;
					height: 46rpx;
					background: #fff;
				}
				
				.cover {
					width: 100%;
					height: 300rpx;
				}
				
				.text {
					width: 75rpx;
					height: 75rpx;
				}
				
				.image-bg {
					width: 55rpx;
					height: 55rpx;
					font-weight: 600;
					padding-top: 0rpx;
					text-align: center;
					background-position: center;
					background-size:cover;
					background-repeat: no-repeat;
					background-image: url("/static/common/avoid.png");
				}
			
				.time-long {
					min-width: 72rpx;
					height: 30rpx;
					padding: 0 5rpx;
					background: linear-gradient(270deg, #4C545A 0%, #282B34 100%);
					border-radius: 4rpx;
					font-size: 20rpx;
					color: #FFEEB9;
					margin-right: 16rpx;
				}
			
				.f-icontext {
					font-size: 18rpx;
				}
			
				.text-delete {
					font-size: 20rpx;
					color: #B9B9B9;
				}
			
				.item-btn {
					width: 130rpx;
					height: 52rpx;
					border-radius: 8rpx;
				}
			}
			
			.avatar-image {
				width: 100rpx;
				height: 100rpx;
				margin-right: 0rpx;
				float: left;
				display: flex;
				border-radius: 50rpx;
			}
			
		}
		
		.coupon-bg {
			margin-left: 30rpx;
			margin-right: 30rpx;
			background-position: center;
			background-size:cover;
			background-repeat: no-repeat;
			background-image: url("/static/mine/coupon_bg.png");
		}
		
		.scan-bg {
			margin-left: 30rpx;
			margin-right: 30rpx;
			background-position: center;
			background-size:cover;
			background-repeat: no-repeat;
			background-image: url("/static/mine/scan_bg.png");
		}
		
		._navbar{
			width:750rpx;
			position:fixed;
			z-index:10000;
			transition:all 0.2s linear;
			background: linear-gradient(90deg, #AF251A 0%, #FA582B 51%, #AF251A 100%);
			._navbar_container{
				width:750rpx;
				position:absolute;
				left:0;
				bottom:0;
				._navbar_back{
					width: 100rpx;
					.img{
						width: 38rpx;
						height: 38rpx;
					}
					// @include flex();
					color:#000;
					height:100%;
					font-size:40rpx;
					//margin-left:20rpx;
					cursor:pointer;
				}
				._navbar_title{
					position:absolute;
					left:50%;
					top:0rpx;
					height:100%;
					transform:translateX(-50%);
					font-size:30rpx;
					font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
					font-weight: normal;
					color:#FFF;
				}
			}
			
		}
		
	}
	.goodsbox{
		width: 48%;
		height:520rpx;
		margin:4rpx;
		margin-top: 8rpx;
		background-color: #fff;
		border-radius: 15rpx;
		overflow: hidden;
	}
	.list-item5{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		.setListItem{
			flex: 0;
			// background-color: #23B475;
			border-radius: 18rpx;
			.itemBox {
				width: 345rpx;
				min-width: 340rpx;
				height: 500rpx;
				overflow: hidden;
				margin: 6rpx 6rpx;
				border:3rpx solid mediumvioletred;
				border-radius: 18rpx;
				box-shadow:8rpx 8rpx 12rpx 2rpx lightgrey;
				.log-tag {
					width: 168rpx;
					height: 46rpx;
					background: #fff;
				}
				
				.cover {
					width: 100%;
					height: 300rpx;
				}
				
				.text {
					width: 75rpx;
					height: 75rpx;
				}
				
				.image-bg {
					width: 55rpx;
					height: 55rpx;
					font-weight: 600;
					padding-top: 0rpx;
					text-align: center;
					background-position: center;
					background-size:cover;
					background-repeat: no-repeat;
					background-image: url("/static/common/avoid.png");
				}
						
				.time-long {
					min-width: 72rpx;
					height: 30rpx;
					padding: 0 5rpx;
					background: linear-gradient(270deg, #4C545A 0%, #282B34 100%);
					border-radius: 4rpx;
					font-size: 20rpx;
					color: #FFEEB9;
					margin-right: 16rpx;
				}
						
				.f-icontext {
					font-size: 18rpx;
				}
						
				.text-delete {
					font-size: 20rpx;
					color: #B9B9B9;
				}
						
				.item-btn {
					width: 130rpx;
					height: 52rpx;
					border-radius: 8rpx;
				}
			}	
		}
	}
</style>
